JavaScript Source Code 2002: Calendars: Select-A-Month

Home Calendars Select-A-Month

This script is a wonderful example of JavaScript at it's best. Simply select any month of any year, and JavaScript will "build" you the calendar for that month! It's great! Give it a try!

Select-A-Month

JavaScript Source Code 2002: Calendars: Select-A-Month
Simply click inside the window below, use your cursor to hilight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

  <HEAD> <SCRIPT LANGUAGE="JavaScript"> <! > <! >   </SCRIPT>  <BODY onLoad="setToday()">  <CENTER> <H2>Select-A-Month</H2> <FORM NAME="calControl" onSubmit="return false;"> <TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0> <TR><TD COLSPAN=7> <CENTER> <SELECT NAME="month" onChange="selectDate()"> <OPTION>January <OPTION>February <OPTION>March <OPTION>April <OPTION>May <OPTION>June <OPTION>July <OPTION>August <OPTION>September <OPTION>October <OPTION>November <OPTION>December </SELECT> <INPUT NAME="year" TYPE=TEXT SIZE=4 MAXLENGTH=4> <INPUT TYPE="button" NAME="Go" value="Build!" onClick="selectDate()"> </CENTER> </TD> </TR> </FORM> <FORM NAME="calButtons"> <TR><TD align="center"><textarea FONT="Courier" NAME="calPage" WRAP=no ROWS=8 COLS=22></textarea></TD><TR><TD><CENTER> <INPUT TYPE=BUTTON NAME="previousYear" VALUE=" << " onClick="setPreviousYear()"> <INPUT TYPE=BUTTON NAME="previousYear" VALUE=" < " onClick="setPreviousMonth()"> <INPUT TYPE=BUTTON NAME="previousYear" VALUE="Today" onClick="setToday()"> <INPUT TYPE=BUTTON NAME="previousYear" VALUE=" > " onClick="setNextMonth()"> <INPUT TYPE=BUTTON NAME="previousYear" VALUE=" >> " onClick="setNextYear()"> </CENTER></TD></TR> </TABLE></FORM></FONT>